

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>
<link rel="stylesheet" href="/lib/pagination/style/pagination.css">
<link rel="stylesheet" href="/css/base/base.css?20201106.1">
<link rel="stylesheet" href="/css/notice/noticeManagement.css">
    <link rel="stylesheet" href="/lib/layui-v2.4.3/layui/css/layui.css">
<script src="/js/common/language.js"></script>

<script type="text/javascript" src="/js/jquery/jquery-1.9.1.js"></script>
<script src="/js/jquery/jquery.cookie.js"></script>
<script type="text/javascript" src="/js/base/tablePage.js"></script>
<script src="/js/base/base.js"></script>
<script src="/lib/laydate/laydate.js"></script>
<script src="/lib/jquery.form.min.js"></script>
<script src="/lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/js/hr/introduction/IntroductionQuery.js?20191014.3"></script>
    <link rel="stylesheet" type="text/css" href="/css/commonTheme/${sessionScope.InterfaceModel}/commonTheme.css"/>
<style>
    table tbody td{
        text-align: left;
        padding: 10px;
        box-sizing: border-box;
    }
    table tbody td.color{
        padding:10px 10px 10px 50px;
    }
    input{
        float: none;
    }
    .editAndDelete3{
        color: red;
    }
    .color{
        font-size: 11pt;
        color: #2a588c;
        font-weight: bold;
    }
    table tbody td textarea{
        width: 229px;
        height: 34px;
        line-height: 34px;
        padding-left: 10px;
        outline: none;
        border-radius: 4px;
        vertical-align: middle;
        font-family:"Microsoft Yahei";
    }
    table tbody td a{
        vertical-align: middle;
        font-size: 11pt;
    }
    table tbody td select{
        width: 119px;
        height: 28px;
        border-radius: 4px;
    }
    table tbody td input[type=text]{
        width: 288px;
        height: 32px;
        border-radius: 4px;
        padding-left: 10px;
        box-sizing: border-box;
    }
    .btnsava{
        padding:5px 15px;
        border-radius: 4px;
        background: #2F8AE3;
        color: #fff;
    }
    table tbody td{
        text-align: center!important;
    }
    .pagediv .page-bottom-outer-layer table td{
        text-align: center;
    }
    .pagediv .page-bottom-outer-layer table td:last-child{
        border-right: 1px #dddddd solid;
    }
    .editAndDelete2{
        color: red;
    }
    .delete_check {
        display: inline-block;
        width: 70px;
        height: 28px;
        position: relative;
        color: #ffffff;
        border-radius: 3px;
        background: #2b7fe0;
        text-align: center;
        line-height: 28px;
        margin-left: 20px;
    }
    .pagediv .page-bottom-outer-layer table td:last-child{
        border-right: 1px #dddddd solid;
    }
    .page-top-inner-layer{
        padding: 0!important;
    }
    table tr td,table tr th{
        text-align: center !important;
    }
    table tr td{
        text-align: center
    }
    table tr td:last-child{
    }
    table tfoot tr td:last-child{
        text-align: center !important;
    }
    table tr th:last-child{
    }
    #j_tb tr td {
        text-align: center;
        vertical-align: middle;
        border: 1px solid #ccc;;
    }
    #pagediv table tr:nth-child(odd){
        background-color: #F6F7F9;
    }
    #pagediv table tr:nth-child(even){
        background-color: #ffffff;
    }
    #pagediv table tr th{
        padding: 8px;
        font-size: 13pt;
        color: #2F5C8F;
        font-weight: bold;
        text-align: left;
    }
    #pagediv table tr td{
        padding: 8px;
        font-size: 11pt;
        text-align: center;
    }
    /*  #j_tb tr td:hover { !* 鼠标滑过  显示隐藏的内容  伴有横向的滚动条 *!
          overflow:auto;
          text-overflow:clip;
      }*/
    #j_tb tr td:last-child a {
        margin-right: 5px;
    }
    /*table tr.borderNone{*/
    /*border:none;*/
    /*}*/

    #j_tb tr td {
        text-align: center;
        vertical-align: middle;
        border: 1px solid #ccc;;
    }
    .pagediv .page-bottom-outer-layer table td:last-child{
        border-right: 1px #dddddd solid;
    }
    .page-top-inner-layer{
        padding: 0!important;
    }
</style>

</head>
<body>
<div class="navigation">
    <img src="/img/commonTheme/${sessionScope.InterfaceModel}/gonggaochaxun.png" alt="">
    <h2>员工入职信息查询</h2>
</div>
<div class="query">
    <div class="header"><fmt:message code="global.lang.inputquerycondition"/></div>
    <form id="ajaxform" action="">
        <input type="hidden" name="changeId" value="1">
        <input type="hidden" name="exportId" value="">
        <table style="width: 100%;    border: 1px solid #c0c0c0;
    border-top: none;">
            <tbody>
            <tr class="borderNone">
                <td width="35%" class="color">员工状态：</td>
                <td width="65%">
                    <select name="" id="perStatus" style="float: left;
    margin-left: -24px;">
                        <option value="01" status="01" selected>入职</option>
                        <option value="02" status="02">离职</option>
                        <option value="03" status="03">调转</option>
                    </select>
                </td>
            </tr>
            <tr class="borderNone">
                <td width="35%" class="color">员工姓名：</td>
                <td width="65%">
                    <input type="text" user_id="" placeholder="请选择员工姓名" id="staffName" name="staffName" class="staffName" style="margin-left: -30px" readonly>
                    <a href="javascript:;" id="add">添加</a>
                    <a href="javascript:;" id="clear">清除</a>
                </td>
            </tr>
            <tr class="borderNone">
                <td width="30%" class="color">品牌：</td>
                <td width="70%">
                    <input type="text" placeholder="请输入品牌" name="brand" class="brand" style="margin-left: -100px">
                </td>
            </tr>
            <tr class="borderNone">
                <td width="30%" class="color">品类：</td>
                <td width="70%">
                    <select  style="width:218px;margin-left: -160px"   name="category" class="BigSelect category"></select>
                </td>
            </tr>

            <tr class="borderNone">
                <td width="30%" class="color">入职日期：</td>
                <td width="70%">
                    <div style="margin-left: -150px">
                    <input type="text" style="width: 100px;" name="quitTimePlanStart" class="quitTimePlanStart" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})"/> 至
                    <input type="text"  style="width: 100px;" name="end" class="end" onclick="laydate({istime: true, format: 'YYYY-MM-DD'})" style="margin-left: -100px"/>
                    </div>
                </td>
            </tr>
<!--
            <tr class="borderNone">
                <td width="30%" class="color">入职时间：</td>
                <td width="70%">
                    <input type="text" placeholder="请输入入职时间" name="quitReason">
                </td>
            </tr>
-->


            <tr class="borderNone">
                <td colspan="2" style="text-align: center">
                    <a href="javascript:;" class="btnsava" onclick="ajaxforms(1)"><fmt:message code="global.lang.query"/></a>
                    <%--<a href="javascript:;" style="margin-left: 10px" class="btnsava"  onclick="ajaxforms(2)"><fmt:message code="global.lang.report"/></a>--%>
                    <%--<a href="javascript:;" style="margin-left: 10px" class="btnsava chongtian"  ><fmt:message code="global.lang.refillings"/></a>--%>
                </td>
            </tr>
            </tbody>
        </table>
    </form>
</div>
<div id="pagediv" style="margin: 0 auto;width: 97%;visibility:hidden;">
    <div class="page-top-outer-layer" style="width: 100%">
        <div class="page-top-inner-layer" style="padding-right: 0">
            <table style="width: 100%" border="0" cellpadding="0" cellspacing="0">
                <thead>
                <tr id="center">
                    <%--
                    <th style="width:3%"><input type="checkbox" name="checkbox" ischecked="false" id="selectAll"></th>
                    --%>
                    <th style="width:12%">姓名</th>
                    <th style="width:15%">岗位</th>
                    <th style="width:13%">品类</th>
                    <th style="width:13%">品牌</th>
                    <th style="width:15%">入职京东时间</th>
                    <th style="width:15%">操作</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>
    <div class="page-bottom-outer-layer" style="width:100%">
        <table border="0" cellpadding="0" cellspacing="0" style="width: 100%">
            <tbody id="j_tb">

            <%--没有数据--%>
            <tr>
                <td style="text-align: center">

                    <img style="margin-bottom: 20px;" src="/img/main_img/shouyekong.png" alt="" style="">
                    <div style="border-radius: 0.12rem;font-size: .28rem;text-align: center;background-color: #dddddd;height: .7rem;line-height: .7rem;margin-top: .1rem;">暂无数据！</div>
                    <%--
                      $('.content').html(str)
                  --%>
                </td>
            </tr>

            </tbody>

        </table>
        <%--</div>--%>
    </div>

    <%--分页菜单--%>
    <div class="right" style="margin-right: 6%;">
        <div style="margin: 0 auto;height:50px;width: 97%;" class="clearfix">
            <div id="dbgz_page" class="M-box3">

            </div>
        </div>
    </div>
</body>
<script>
    $(function () {
        $('#staffName').attr('readonly',readOnly);
    })
    $('#perStatus').change(function(){
        if($(this).val()==01){
            window.location.href='/personManagement/IntroDuctionQuery'
        }else if($(this).val()==02){
            window.location.href='/dimission/DimissionQuery'
        }else {
            window.location.href='/hr/manage/tansferQuery'
        }
    })
    $('#add').click(function () {
        user_id='staffName'
        $.popWindow("../common/selectUser");
    })

    $('#clear').click(function () {
        $('#staffName').val('')
        $('#staffName').attr('userName','')
        $('#staffName').attr('user_id','')
        $('#staffName').attr('userprivname','')
        $('#staffName').attr('dataid','')
    })
</script>
</html>
